<script setup lang="ts">
import type { NuxtError } from '#app';

const props = defineProps({
  error: Object as () => NuxtError,
});
</script>

<template>
  <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh;">
    <div style="text-align: center;margin: 20px 0;">
      <img src="@/assets/icon/illustration.svg" alt="" />
      <h1>500 Internal Server Error</h1>
      <p>抱歉，服务器出错啦</p>
      <el-button @click="() => $router.push('/')" type="primary">返回首页</el-button>
    </div>
  </div>
</template>
